@charset "UTF-8";
@import "/less/_setting";
.reset();

.tw-grid{
    width:1000px;
    margin:0 auto;
}

.tw-leftmenu{
    float: left;
    width: 178px;
    height: 590px;
    max-height: 590px;
    overflow-y: auto;
    overflow-x: hidden;
    background-color: #f9fdff;
    background-image: url(../img/left-bg.png);
    background-repeat: no-repeat;
    background-position: left bottom;
    li{
        cursor: pointer;
    }
}
.tw-menu-first{
    width: 132px;
    margin-left: 22px;
    margin-top: 20px;
    ul{
        display: none;
    }
    li.on >ul{
        display: block !important;
    }
}
.tw-menu-first >li{
    width: 100px;
    padding-left: 32px;
    min-height: 32px;
    line-height: 32px;
    background: url(../img/menu-first-bg.png) no-repeat left top;
    text-align: left;
    margin-bottom: 6px;
    >a{
        display: block;
        height: 32px;
        line-height: 32px;
        color: #38a6e4;
    }
    &.on{
        background: url(../img/menu-first-bg-on.png) no-repeat;
    }
    &.on >a{
        color: #fff;
    }
}
.tw-menu-second >li{
    width: 132px;
    margin-left: -30px;
    min-height: 32px;
    line-height: 32px;
    background: url(../img/menu-second-bg.png) no-repeat left top;
    text-align: center;
    >a{
        display: block;
        height: 32px;
        line-height: 32px;
        color: #38a6e4;
    }
    &.on{
        background: url(../img/menu-second-bg-on.png) no-repeat;
    }
}
.tw-menu-third >li{
    width: 95px;
    padding-left: 37px;
    min-height: 32px;
    line-height: 32px;
    text-align: left;
    position: relative;
    &:before{
        position: absolute;
        width: 30px;
        height: 32px;
        line-height: 32px;
        display: inline-block;
        top: 0;
        left: 0;
        content: "·";
        text-align: right;
        before:'· '
    }
    &{
        before:'· '
    }
    >a{
        display: block;
        height: 32px;
        line-height: 32px;
        font-size: 12px;
        color: #999;
    }
}
.tw-menu-fourth >li{
    width: 122px;
    padding-left: 10px;
    min-height: 32px;
    line-height: 32px;
    text-align: left;
    position: relative;
    &:before{
        position: absolute;
        width: 8px;
        height: 32px;
        line-height: 32px;
        display: inline-block;
        top: 0;
        left: 0px;
        content: "-";
        color: #4e91b7;
        text-align: left;
        before:'- '
    }
    &{
        before:'- '
    }
    >a{
        display: block;
        height: 32px;
        line-height: 32px;
        font-size: 10px;
        color: #4e91b7;
    }
}

.tw-rightLayout{
    width: 820px;
    max-width: 822px;
    overflow: hidden;
    height: 590px;
    float: right;
    .tw-rL-index{
        .icon{
            float: left;
            padding: 5px 10px;
            img{
                border: 0;
                vertical-align: middle;
            }
        }
        .text{
            height: 31px;
            line-height: 31px;
            a{
                display: inline-block;
                height: 31px;
                line-height: 31px;
                vertical-align: top;
            }
        }
    }
    &.white-space{
        background: url(../img/white-space-bg.jpg) no-repeat center right;
    }
    &.white-space-w{
        background: url(../img/white-space-bg-w.jpg) no-repeat center right;
    }
    &.white-space-z{
        background: url(../img/white-space-bg-z.jpg) no-repeat center right;
    }
}
.tw-rL-body{
    width: 100%;
    height: 540px;
    padding: 10px 0;
    .tw-rL-item{
        width: 306px;
        margin: 10px 0px 10px 35px;
        position: relative;
        float: left;
        .title{
            color: #fff;
            font-size: 16px;
            padding-left: 140px;
            padding-top: 12px;
        }
        &.item-a{
            height: 176px;
            background: url(../img/layout-bg-a.png) no-repeat;
            ul{
                margin-top:30px;
                margin-left: 35px;
                li{
                    width: 50%;
                    height: 40px;
                    line-height: 40px;
                    text-align: center;
                    float: left;
                }
            }
        }
        &.item-b{
            height: 176px;
            background: url(../img/layout-bg-b.png) no-repeat;
            ul{
                margin-top:30px;
                margin-left: 35px;
                li{
                    width: 50%;
                    height: 40px;
                    line-height: 40px;
                    text-align: center;
                    float: left;
                }
            }
        }
        &.item-c{
            height: 202px;
            background: url(../img/layout-bg-c.png) no-repeat;
            ul{
                margin-top:21px;
                margin-left: 20px;
                li{
                    width: 50%;
                    height: 34px;
                    line-height: 34px;
                    text-align: center;
                    float: left;
                }
            }
        }
        &.item-d{
            height: 198px;
            background: url(../img/layout-bg-d.png) no-repeat;
            ul{
                margin-top:21px;
                margin-left: 20px;
                li{
                    width: 98%;
                    height: 63px;
                    line-height: 63px;
                    text-align: left;
                    float: left;
                    &.renzhen{
                        padding-left: 55px;
                        a{
                            padding: 0 10px;
                        }
                    }
                    &.txt-center{
                        text-align: center;
                    }
                }
            }
        }
    }
}

.tw-active-news{
    width: 400px;
    height: 290px;
    margin: 30px 0 0 135px;
    background: url(../img/active-news-bg.png) no-repeat;
    ul{
        li{
            width: 50%;
            float: left;
            text-align: center;
            height: 170px;
            a{
                display: block;
                height: 170px;
                line-height: 180px;
                color: #fff;
                font-size: 16px;
            }
        }
    }
}

.tw-relative-wrap{
    position: relative;
}
.wto-item{
    position: absolute;
    width: 120px;
    height: 120px;
    a{
        width: 120px;
        height: 120px;
        display: block;
        img{
            border: 0;
        }
    }
    &.item-a{
        left: 80px;
        top: 80px;
    }
    &.item-b{
        left: 180px;
        top: 200px;
    }
    &.item-c{
        left: 320px;
        top: 260px;
    }
    &.item-d{
        left: 465px;
        top: 265px;
    }
    &.item-e{
        left: 590px;
        top: 190px;
    }
}
.teach-item{
    position: absolute;
    width: 250px;
    height: 160px;
    a{
        width: 250px;
        height: 160px;
        display: block;
        img{
            border: 0;
        }
    }
    &.item-a{
        left: 80px;
        top: 80px;
    }
    &.item-b{
        left: 380px;
        top: 80px;
    }
}
.tw-contact{
    width: 728px;
    height: 465px;
    background: url(../img/z-contact-bg.png) no-repeat;
}
.contact-item{
    position: absolute;
    width: 64px;
    height: 180px;
    a{
        width: 64px;
        height: 180px;
        display: block;
        img{
            border: 0;
        }
    }
    &.item-a{
        left: 95px;
        top: 88px;
    }
    &.item-b{
        left: 210px;
        top: 88px;
    }
    &.item-c{
        left: 320px;
        top: 88px;
    }
    &.item-d{
        left: 435px;
        top: 88px;
    }
    &.item-e{
        left: 545px;
        top: 88px;
    }
    &.item-f{
        height: 75px;
        left: 395px;
        top: 305px;
        a{
            height: 75px;
            display: block;
        }
    }
    &.item-g{
        height: 75px;
        left: 475px;
        top: 305px;
        a{
            height: 75px;
            display: block;
        }
    }
}

.tw-list-main{
    height: 440px;
    overflow: hidden;
    padding: 10px;
    ul{
        li{
            overflow: hidden;
            position: relative;
            margin-bottom: 15px;
            a{
                display: block;
                width: 79%;
                height: 20px;
                padding-left: 2%;
                line-height: 20px;
                float: left;
                max-width: 80%;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
                word-wrap: normal;
                color: #5f5f5f;
                font-size: 14px;
            }
            span{
                display: block;
                width: 19%;
                height: 20px;
                line-height: 20px;
                float: right;
                text-align: center;
                color: #5f5f5f;
                font-size: 14px;
            }
            &:before{
                position: absolute;
                width: 2%;
                height: 20px;
                line-height: 20px;
                display: inline-block;
                top: 0;
                left: 0;
                content: "·";
                text-align: center;
            }
        }
        li:hover a{
            text-decoration: underline;
        }
        li:hover span{
            text-decoration: underline;
        }
    }
}

.tw-list-page{
    height: 25px;
    line-height: 25px;
    overflow: hidden;
    .pageNum{
        display: block;
        float: left;
        height: 25px;
        line-height: 25px;
        font-size: 12px;
        text-align: center;
        padding: 0 50px;
    }
    .pageLink{
        float: left;
        height: 25px;
        line-height: 25px;
        font-size: 12px;
        margin: 0 8px;
        span{
            display: block;
            float: left;
            height: 25px;
            line-height: 25px;
            font-size: 12px;
            margin: 0 3px;
            a{
                padding: 0 5px;
                display: block;
                height: 23px;
                line-height: 25px;
                font-size: 12px;
            }
            &.link{
                a{
                    color: #898989;
                    border: 1px solid #dddddd;
                    &:hover{
                        color: #fff;
                        border: 1px solid #38a6e4;
                        background: #38a6e4;
                    }
                }
                &.active{
                    a{
                        color: #fff;
                        border: 1px solid #38a6e4;
                        background: #38a6e4;
                    } 
                }
            }
            &.nolink{
                color: #898989;
                letter-spacing: 3px;
            }
        }
    }
    .pageJump{
        float: left;
        height: 25px;
        line-height: 25px;
        font-size: 12px;
        margin-left: 15px;
        a{
            padding: 0 5px;
            display: block;
            float: left;
            height: 23px;
            line-height: 25px;
            font-size: 12px;
            border: 1px solid #ddd;
            background: #edf4f7;
            margin-right: 8px;
        }
        input{
            width: 28px;
            padding: 0 5px;
            height: 23px;
            border: 1px solid #ddd;
            line-height: 25px;
            float: left;
            border: 1px solid #ddd;
            text-align: center;
            font-size: 12px;
            margin-right: 8px;
        }
        b{
            font-weight: normal;
            font-size: 12px;
            display: block;
            float: left;
            height: 25px;
            line-height: 25px;
            color: #898989;
        }
    }
}

.tw-article-content{
    position: absolute;
    top: 0;
    left: 0;
    width: 1000px;
    height: auto;
    .tw-rL-index{
        margin: 10px;
    }
}
.tw-article-main{
    padding: 10px;
    h1.title{
        font-size: 24px;
        text-align: center;
    }
    .tw-article-tool{
        padding: 10px 0;
        text-align: center;
        span{
            cursor:default;
            padding: 0 12px;
            font-size: 12px;
            &.fontChange{
                a{
                    font-size: 12px;
                    &.active{
                        color: #38a6e4;
                    }
                }
            }
        }
    }
    .tw-article-text{
        margin-top: 15px;
        p{
            text-indent: 2em;
            padding: 5px 25px;
            line-height: 2.2;
            word-break: break-all;
        }
    }
    .tw-fen-line{
        height: 25px;
        line-height: 25px;
        border-bottom: 1px dashed #d7d7d7;
    }
    .tw-article-foot{
        height: 80px;
        .tw-artFoot-links{
            width: 56%;
            float: left;
            padding-top:20px;
            padding-left:2%;
            ul{
                width: 100%;
                li{
                    width: 100%;
                    float: left;
                    height: 20px;
                    line-height: 20px;
                    margin-bottom: 7px;
                    span{
                        display: block;
                        height: 20px;
                        line-height: 20px;
                        float: left;
                        color: #333;
                        width: 14%;
                    }
                    a{
                        display: block;
                        height: 20px;
                        line-height: 20px;
                        width: 86%;
                        max-width: 86%;
                        overflow: hidden;
                        text-overflow: ellipsis;
                        word-wrap: normal;
                        white-space: nowrap;
                        float: left;
                        color: #333;
                        &:hover{
                            color: #38a6e4;
                        }
                    }
                }
            }
        }
        .tw-artFoot-tools{
            width: 37%;
            padding-right: 3%;
            float: right;
            text-align: right;
            font-size:0;
            a{
                display: inline-block;
                height: 80px;
                line-height: 80px;
                margin: 0 10px;
            }
        }
    }
}
